<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'hf-detail.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<meta charset="UTF-8">
<title>帝美娜官方网站 轻松购物！</title>
<meta name="description"
	content="帝美娜，美自根源，养有方，为您提供肌本理护、专意理护、香怡理护、品颜理护等美肤产品。帝美娜官方网上商城全新上线，欢迎购买咨询" />
<meta name="Keywords"
	content="帝美娜,帝美娜官网, 网上商城, 帝美娜网上商城, 帝美娜产品, 肌本理护, 专意理护, 香怡理护, 品颜理护, 面部护理, 身体护理, 芳香护理, 内服调理, 清肌养颜, 眼霜, 面膜,  " />
<link rel="stylesheet" href="<%=basePath%>css/hf-detail.css" />
<link rel="stylesheet" href="<%=basePath%>css/index.css" />
<script src="js/hf.js"></script>
<script src="js/jquery-1.11.1.min.js"></script>
<!--<script src="js/home2.js"></script>-->
</head>

<body>
	<!--site-nav-->

	<div class="sw">
		<div class="site-nav clearfix">
			<div class="site-nav-left fl">
				<p>欢迎来到蒂美娜官方网站</p>
			</div>
			<div class="site-nav-right fr">
				<p>
					<a href="<%=basePath%>ly.jsp">关于我们</a>
				</p>
			</div>
		</div>
	</div>
	<!--site-nav end-->

	<!--search-->
	<div class="search-all" id="nav">
		<div class="search clearfix">
			<div class="search-logo fl">
				<a href="<%=basePath%>home.jsp"><img src="img/1_01.png" /></a>
			</div>
			<div class="search-nav fl">
				<ul class="clearfix">
					<li><a href="<%=basePath%>home.jsp">首页</a></li>
					<li class="cream"><a href="<%=basePath%>hf1.jsp">护肤品</a>
						<div class="layer layer0 clearfix">
							<div class="nav_01 fl">
								<a class="nav_021" href="<%=basePath%>#">面部系列</a> <a
									class="nav_021" href="<%=basePath%>#">眼部系列</a> <a
									class="nav_021" href="<%=basePath%>#">男士系列</a> <a
									class="nav_021" href="<%=basePath%>#">身体系列</a>
							</div>
							<!--<div class="before"></div>-->
						</div></li>
					<li class="cosmetics"><a href="#">彩妆</a>
						<div class="layer layer1 clearfix">
							<div class="nav_02 fl">
								<a class="nav_021" href="<%=basePath%>#">面部彩妆</a> <a
									class="nav_021" href="<%=basePath%>#">眼部彩妆</a> <a
									class="nav_021" href="<%=basePath%>#">唇部彩妆</a> <a
									class="nav_021" href="<%=basePath%>#">卸妆彩妆</a>
							</div>
							<!--<div class="before"></div>-->
						</div></li>
					<li><a href="<%=basePath%>#">新品上市</a></li>
					<li><a href="<%=basePath%>#">品牌介绍</a></li>
				</ul>
			</div>
			<div class="search-input clearfix">
				<div class="search-form fr clearfix">
					<input class="search-text fl" autocomplete="off"
						placeholder="搜索您需要的商品......" />
					<div class="search-icons"></div>
					<span></span>
					<div class="search-icon fl">
						<a href="<%=basePath%>#"><img src="img/1_02.png" /></a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--second banner-->
	<div class="search-all-fixed" id="navFixed">
		<div class="search clearfix">
			<div class="search-logo fl">
				<a href="<%=basePath%>#"><img src="img/1_01.png" /></a>
			</div>
			<div class="search-nav fl">
				<ul class="clearfix">
					<li><a href="<%=basePath%>#">首页</a></li>
					<li class="creamfixed"><a href="<%=basePath%>#">护肤品</a>
						<div class="layer layerfixed0 clearfix">
							<div class="nav_01 fl">
								<a class="nav_021" href="<%=basePath%>#">面部系列</a> <a class="nav_021" href="<%=basePath%>#">眼部系列</a>
								<a class="nav_021" href="<%=basePath%>#">男士系列</a> <a class="nav_021" href="<%=basePath%>#">身体系列</a>
							</div>
							<div class="before"></div>
						</div></li>
					<li class="cosmeticsfixed"><a href="<%=basePath%>#">彩妆</a>
						<div class="layer layerfixed1 clearfix">
							<div class="nav_02 fl">
								<a class="nav_021" href="<%=basePath%>#">面部彩妆</a> <a class="nav_021" href="<%=basePath%>#">眼部彩妆</a>
								<a class="nav_021" href="<%=basePath%>#">唇部彩妆</a> <a class="nav_021" href="<%=basePath%>#">卸妆彩妆</a>
							</div>
							<div class="before"></div>
						</div></li>
					<li><a href="<%=basePath%>#">新品上市</a></li>
					<li><a href="<%=basePath%>#">品牌介绍</a></li>
				</ul>
			</div>
			<div class="search-input clearfix">
				<div class="search-form fr clearfix">
					<input class="search-text fl" autocomplete="off"
						placeholder="搜索您需要的商品......" />
					<div class="search-icons"></div>
					<span></span>
					<div class="search-icon fl">
						<a href="<%=basePath%>#"><img src="img/1_02.png" /></a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--search end-->

	<div class="hf-wrap w">
		<div class="floor-nav">
			<a href="<%=basePath%>home.jsp" class="home1">
				<!--<img src="img/home.png"/>-->
			</a> <a href="<%=basePath%>hf1.jsp">>护肤品</a> <a href="<%=basePath%>hf2.jsp">>眼部</a>
		</div>
		<div class="pro clearfix">
			<div class="pro-left fl">
				<div class="hf-pro clearfix">
					<div class="hf-pro-cnt fl" id="left">
						<div id="box"></div>
						<div id="cover"></div>
					</div>
					<div class="hf-pro-big fl" id="right">
						<img id="tb" src="img/hf-03-big.png" />
					</div>
					<p>
						<span id=""></span>zoom
					</p>
				</div>
				<div class="hf-pro-small " id="mytop">
					<span></span>
				</div>
			</div>
			<div class="pro-right fl">

				<h3>
					春海極美眼露 <span>daily eye gel</span>
				</h3>
				<p>
					<a href="<%=basePath%>#">护肤系列</a>
				</p>
				<div class="line"></div>
				<ul>
					<li>价 &nbsp; &nbsp; &nbsp; 格：<span>￥ 150.00</span></li>
					<li>规 &nbsp; &nbsp; &nbsp; 格： <span class="spec0">20ml</span></li>
					<li><span class="product"> 产品详情： </span><span class="txt1">適用於任何眼部膚質，具高度抗自由基，提供眼部周圍皮
							膚的活力元素，使疲倦的 ，所含的微量元素及礦物質 ，除對眼部肌膚具緊緻滋潤效用外，也能改善眼袋。</span></li>
					<li><span class="product"> 主要成分： </span><span class="txt1">魚子精華萃取、春海水、小球藻萃取、維生素
							B5、玻尿酸 、滋潤生化系統、大麥萃取、香蜂草葉萃取</span></li>
					<li><span class="product"> 总体评价： </span><span class="star"></span></li>
				</ul>
				<div class="hf-btn">
					<a href="<%=basePath%>#" id="hf-btn1">立即购买</a> <input type="button" id="hf-btn2"
						value="加入收藏夹" />
				</div>
			</div>
		</div>
		<!--pro结束-->
		<!--b-title开始-->
		<div class="b-title">
			<h3 class="b-title-t">为什么你需要它？</h3>
			<div class="b-title-box clearfix">
				<div class="b-title-box1 fl">
					<h3>这是什么？</h3>
					<div class="heng-line"></div>
					<p>春海極美眼露 ，轻盈水润眼周，焕发眼部光彩</p>
				</div>
				<div class="b-title-box2 fl">
					<h3>好处</h3>
					<div class="heng-line"></div>
					<p>眼部肌膚更顯的有活力，緊緻滋潤，有效改善眼袋。</p>
				</div>
				<div class="b-title-box3 fr">
					<h3>使用建议</h3>
					<div class="heng-line"></div>
					<p>請勿加塗任何眼部眼霜，特別是高度敏感的眼部皮膚會過度負荷及緊緻作用將不被保證，上彩妝時請用手指或海綿以滾動及輕壓方式，以使彩妝更持久。</p>
				</div>
			</div>
		</div>
		<!--b-title结束-->
		<!--推荐部分开始-->
		<div class="rec-pro">
			<h3>其他推荐</h3>
			<div class="rec-pro-cnt clearfix">
				<div class="rec-pro-cnt1 fl">
					<div class="rec-pro-pic">
						<a href="<%=basePath%>hf-detail.jsp"><img src="img/hf_1_03.png" /></a> <a
							href="<%=basePath%>hf-detail.jsp" class="spuar"></a>
					</div>
					<div class="rec-pro-txt">
						<span class="heart3"></span>
						<p>
							<a href="<%=basePath%>hf-detail.jsp">春海極美 拥有鲜嫩肌肤</a>
						</p>
						<p>魚子精華，彰顯光彩奪目鮮嫩容顏</p>
						<p>
							<a href="<%=basePath%>hf-detail.jsp" class="hf-btn3" />查看详情</a>
						</p>
					</div>
				</div>
				<div class="rec-pro-cnt2 fl">
					<div class="rec-pro-pic">
						<a href="<%=basePath%>hf-detail.jsp"><img src="img/hf_1_03.png" /></a> <a
							href="<%=basePath%>hf-detail.jsp" class="spuar"></a>
					</div>
					<div class="rec-pro-txt ">
						<span class="heart3"></span>
						<p>
							<a href="<%=basePath%>hf-detail.jsp">春海能量安瓶 30ml</a>
						</p>
						<p>滋潤度提高 70%</p>
						<p>
							<a href="<%=basePath%>hf-detail.jsp" class="hf-btn3" />查看详情</a>
						</p>
					</div>
				</div>

				<div class="rec-pro-cnt3 fl">
					<div class="rec-pro-pic">
						<a href="<%=basePath%>hf-detail.jsp"><img src="img/hf_1_05.png" /></a> <a
							href="<%=basePath%>hf-detail.jsp" class="spuar"></a>
					</div>
					<div class="rec-pro-txt">
						<span class="heart3"></span>
						<p>
							<a href="<%=basePath%>hf-detail.jsp" target="_blank">春海極美修護面膜 50ml</a>
						</p>
						<p>晦暗肌膚改善 60%</p>
						<p>
							<a href="<%=basePath%>hf-detail.jsp" class="hf-btn3" />查看详情</a>
						</p>
					</div>
				</div>

				<div class="rec-pro-cnt4 fl">
					<div class="rec-pro-pic">
						<a href="<%=basePath%>hf-detail.jsp"><img src="img/hf_1_07.png" /></a> <a
							href="<%=basePath%>hf-detail.jsp" class="spuar"></a>
					</div>
					<div class="rec-pro-txt">
						<span class="heart3"></span>
						<p>
							<a href="<%=basePath%>hf-detail.jsp">極美修護安瓶 20ml*2</a>
						</p>
						<p>脸部緊緻度達 50%</p>
						<p>
							<a href="<%=basePath%>hf-detail.jsp" class="hf-btn3" />查看详情</a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<!--推荐部分结束-->
	</div>
	<!--底部开始-->
	<!--footer-->
	<div class="footer-all">
		<div class="footer">
			<div class="footer-top clearfix">
				<div class="footer-top-left fl">
					<p>客服热线：886-2-2369-1140</p>
					<p>传真专线：886-2-2365-2745</p>
					<p>服务邮箱：service@spa-boss.com</p>
					<p>地址：106台北市大安區泰順街26巷28號2F</p>
				</div>
				<div class="footer-top-right1 fr">
					<img src="img/footer-pic.png" />
					<p>微博关注蒂美娜</p>
				</div>
				<div class="footer-top-right2 fr">
					<img src="img/footer-pic.png" />
					<p>微信关注蒂美娜</p>
				</div>
			</div>
			<div class="footer-middle"></div>
			<div class="footer-bottom">
				<p>COPYRIGHT© 2008 Leachain International Co., Ltd.-All RIGHTS
					RESERVED</p>
			</div>
		</div>
	</div>
	

  </body>
</html>
